<template>
    <div>

        <div class="wrap">
            <!-- redbous -->
            <div style="margin-top:50px;text-align: center;">参与答题，领取红包</div>
            <redbous />
            <!-- list -->
            <div style="margin:0 20px">
                <div style="margin-top:50px">最新一百名参与人员</div>
                <div class="list">
                    <div class="listitem" v-for="v in 9">
                        <div>佚名</div>
                        <div style="float: right;">获得了20红包</div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</template>

<script>
import redbous from '../components/redbous.vue'
export default {
    components: {
        redbous
    }
}
</script>

<style scoped>
.wrap {
    margin: auto;
    max-width: 520px;
}

.list {
    margin-top: 50px;
    padding-bottom: 30px;
}

.listitem {
    margin: 50px 0 0 0;
    height: 80px;
    line-height: 80px;
    border-radius: 40px;
    box-shadow: 0 5px 10px 0 #eee;
    background-color: #fff12a;
}

.listitem div {
    float: left;
    margin: 0 20px;
    color: #d73012;
}
</style>